<template>
  <div class="self">
    <Navtab :title="$route.meta.title" />
    <van-cell-group>
      <van-cell
        title="修改密码"
        is-link
        to="index"
      />
      <van-cell
        title="紧急联系人"
        is-link
        to="index"
      />
    </van-cell-group>
    <van-cell-group>
      <van-cell
        title="消息推送"
        is-link
        to="index"
      />
      <van-cell
        title="联系我们"
        is-link
        to="index"
      />
    </van-cell-group>
    <van-cell-group>
      <van-button
        type="default"
        block
        @click="goLogin"
      >退出登录</van-button>
    </van-cell-group>
  </div>
</template>
<script>
import Navtab from '@/components/Navtab'
export default {
  components: {
    Navtab
  },
  data: () => ({
    // title: ''
  }),
  methods: {
    goLogin() {
      this.$router.push('/login')
      localStorage.removeItem('Authorization')
    }
  }
}
</script>
<style lang="scss" scoped>
.self {
  background: #f1f2f6;
  width: 100%;
  height: 100%;
  .van-cell-group {
    margin-top: 6px;
    .van-button__text {
      color: #f00;
    }
  }
}
</style>
